.banner {min-width:1200px;
width: 100%;
height: 560px; }
.banner .swiper-slide {
height: 560px;
overflow: hidden;
background-size: cover;
background-position: center; }
.banner .swiper-slide img {
max-height: 560px;
opacity: 0; }
.banner .swiper-pagination-bullet {
width: 20px;
height: 6px;
border-radius: 3px;
background-color: #fff;
opacity: 1;
transition: all 0.3s; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #3571b0; }

.prod {min-width:1200px;
width: 100%;
background-color: #f5f5f5;
padding: 48px 0; }
.prod .list {
margin-top: 5px; }

.video {min-width:1200px;
width: 100%;
background-color: #eee;
padding: 48px 0; }
.video .swiper {
width: 100%;
margin-top: 25px; }
.video .swiper .swiper-slide {
width: 285px; }
.video .swiper .swiper-slide .img {
width: 285px;
height: 220px;
position: relative;
overflow: hidden; }
.video .swiper .swiper-slide .img img {
width: 100%;
height: 100%;
transition: all 0.3s; }
.video .swiper .swiper-slide .img .mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.5); }
.video .swiper .swiper-slide .img .posi {
width: 100%;
position: absolute;
top: 50%;
left: 0;
z-index: 3;
transform: translateY(-50%); }
.video .swiper .swiper-slide .img .posi i {
display: block;
width: 50px;
height: 50px;
background-image: url(../_im_g/08.png);
background-size: 100%;
margin: 0 auto;
cursor: pointer; }
.video .swiper .swiper-slide .img .posi span {
display: block;
text-align: center;
color: #fff;
margin-top: 18px; }
.video .swiper .swiper-slide .text {
width: 100%;
height: 80px;
background-color: #fff;
padding: 18px 20px;
color: #666; }
.video .swiper .swiper-slide .text .desc {
margin-top: 8px; }
.video .swiper .swiper-slide:hover .img img {
transform: scale(1.1); }

.video1{}
.video1 .swiper .ul{ margin-right:-20px;}
.video1 .swiper .swiper-slide{ display:inline-block; margin:0 15px 20px 0;}

.main .tab {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap; }
.main .tab a {
display: inline-block;
min-width: 140px;
height: 40px;
text-align: center;
line-height: 38px;
border: 1px solid #333;
background-color: #333;
font-size: 18px;
color: #fff;
margin: 10px;
padding: 0 10px;
transition: all 0.3s; }
.main .tab a:hover,
.main .tab a.active {
background-color: #3571b0;
border-color: #3571b0;
color: #fff; }


.video_detail {min-width:1200px;
width: 100%;
padding-bottom: 60px;
background-color: #eee; }
.video_detail .con {
background-color: #fff;
padding: 30px; }
.video_detail .play {
width: 100%; }
.video_detail .play video {
width: 100%; }
.video_detail .info {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 25px; }
.video_detail .info .left {
width: 100%;
padding-right: 30px; }
.video_detail .info .left .title {
font-size: 30px;
font-weight: bold;
line-height: 30px; }
.video_detail .info .left .desc {
color: #999;
margin-top: 10px; }
.video_detail .info .down {
width: 134px;
height: 30px;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center; }
.video_detail .info .down img {
width: 20px;
height: 20px;
display: block; }
.video_detail .info .down span {
font-size: 18px;
margin-left: 10px; }
.video_detail .prev-next {
width: 100%;
margin-top: 25px;
padding: 25px 0 0;
border-top: 1px solid #ddd;
display: flex;
justify-content: space-between;
align-items: center; }
.video_detail .prev-next .left {
width: 980px; }
.video_detail .prev-next .left .line {
color: #999;
margin: 4px 0; }
.video_detail .prev-next .left .line a {
color: #333; }
.video_detail .prev-next .back {
display: block;
width: 120px;
height: 40px;
background-color: #3571b0;
line-height: 40px;
text-align: center;
color: #fff; }



.about {min-width:1200px;
width: 100%;
background-color: #fff;
padding: 48px 0; }
.about .con {
margin-top: 25px;
display: flex; }
.about .video2 {
width: 590px;
height: 340px;
position: relative;
background-size: cover;
background-position: center; }
.about .video2 i {
display: block;
width: 50px;
height: 50px;
background-image: url(../_im_g/08.png);
background-size: 100%;
margin: 0 auto;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px; }
.about .texts {
width: 610px;
height: 340px;
background-color: #f5f5f5;
padding: 20px; }
.about .texts .content {
line-height: 24px;
color: #666;
height: 120px; }
.about .texts .dev {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 25px;
border-top: 1px solid #e7e7e7;
padding-top: 20px; }
.about .texts .dev .tops {
font-size: 36px;
color: #3571b0;
line-height: 36px; }
.about .texts .dev .desc {
color: #666;
margin-top: 5px; }
.about .texts .more {
display: flex;
align-items: center;
justify-content: space-between;
width: 140px;
height: 40px;
background-color: #3571b0;
color: #fff;
padding: 0 20px;
margin-top: 30px; }
.about .texts .more i {
display: block;
width: 15px;
height: 9px;
background-image: url(../_im_g/11.png);
background-size: 100%; }

.news {min-width:1200px;
width: 100%;
background-color: #f5f5f5;
padding: 48px 0; }
.news .list {
width: 100%;
margin-top: 20px; }
.news .item {
display: block;
float: left;
width: 590px;
height: 116px;
background-color: #fff;
margin-bottom: 20px;
margin-left: 20px;
transition: all 0.3s;
padding: 20px 20px; }
.news .item .tops {
width: 100%;
display: flex; }
.news .item .tops .title {
width: 430px;
font-size: 18px;
line-height: 18px;
transition: all 0.3s; }
.news .item .tops .date {
color: #999;
white-space: nowrap; }
.news .item .desc {
color: #999;
line-height: 24px;
margin-top: 10px; }
.news .item:nth-child(2n+1) {
margin-left: 0; }
.news .item:hover {
box-shadow: 0 15px 20px #ccc; }
.news .item:hover .tops .title {
color: #3571b0; }
.news .more {
display: flex;
align-items: center;
justify-content: space-between;
width: 140px;
height: 40px;
background-color: #3571b0;
color: #fff;
padding: 0 20px;
margin: 10px auto 0; }
.news .more i {
display: block;
width: 15px;
height: 9px;
background-image: url(../_im_g/11.png);
background-size: 100%; }

.prod1 {background-color: #f5f5f5; }


.news_detail {min-width:1200px;
width: 100%;padding-bottom: 60px; 
background-color: #eee; }
.news_detail .con {
background-color: #fff;
padding: 30px;
}
.news_detail .con .title {
text-align: center;
padding-bottom: 30px;
border-bottom: 1px solid #eee; }
.news_detail .con .title .text {
font-size: 30px; }
.news_detail .con .title .date {
font-size: 14px;
margin-top: 10px;
color: #999; }
.news_detail .con .content {
width: 100%;
padding: 15px 0;
font-size: 16px; color:#333; line-height:30px; }
.news_detail .con .content img {
max-width: 100%; }
.news_detail .con .prev-next {
width: 100%;
margin-top: 25px;
padding: 25px 0 0;
border-top: 1px solid #ddd;
display: flex;
justify-content: space-between;
align-items: center; }
.news_detail .con .prev-next .left {
width: 980px; }
.news_detail .con .prev-next .left .line {
color: #999;
margin: 4px 0; }
.news_detail .con .prev-next .left .line a {
color: #333; }
.news_detail .con .prev-next .back {
display: block;
width: 120px;
height: 40px;
background-color: #3571b0;
line-height: 40px;
text-align: center;
color: #fff; }
.news_detail .con .zan{ padding-top: 10px; width: 140px; height: 76px; cursor: url(../_im_g/3038_mess5.cur),auto !important; background: #ecedef; border-radius: 38px; margin: 36px auto 30px auto;}
.news_detail .con .zan img{ display: block; width: 30px; height: 30px; margin: 0 auto;}
.news_detail .con .zan .wz{ margin-top: 10px; font-size: 12px; line-height: 14px; color: #888; text-align: center;}
.news_detail .con .zan.on .wz{color:#ea1f18;}
.news_detail .con .share{ float:left; width:100%; text-align:center; height:31px; margin-bottom:40px;}
.news_detail .con .bdshare0{ display:inline-block; vertical-align:top;} 
.news_detail .con .bdshare0 a{ display:inline-block; width:31px !important;  height:31px !important; margin:0 10px !important; padding:0 !important;}
.news_detail .con .bdshare0 a{ width: 31px; height: 31px; margin: 0 10px;}
.news_detail .con .bdshare0 .bds_weixin{ background: url(../_im_g/share4.png) no-repeat center !important; }
.news_detail .con .bdshare0 .bds_sqq{ background: url(../_im_g/share3.png) no-repeat center !important; }
.news_detail .con .bdshare0 .bds_qzone{ background: url(../_im_g/share2.png) no-repeat center !important; }
.news_detail .con .bdshare0 .bds_tsina{ background: url(../_im_g/share1.png) no-repeat center !important; }
.bd_weixin_popup{ box-sizing:content-box;}


.news1{min-width:1200px;
width: 100%;
background-color: #eee;
padding: 48px 0; }
.news1 .list {
width: 100%;
margin-top: 35px;
min-height: 350px; }
.news1 .list .item {
width: 100%;
height: 160px;
padding: 24px 28px;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0 0 10px #eee;
transition: all 0.3s; }
.news1 .list .item .tops {
width: 100%;
display: flex;
justify-content: space-between; }
.news1 .list .item .tops .title {
width: 950px;
font-size: 18px;
transition: all 0.3s; }
.news1 .list .item .tops .date {
font-size: 14px;
color: #999; }
.news1 .list .item .desc {
width: 100%;
margin-top: 10px;
color: #999; }
.news1 .list .item .more {
display: flex;
align-items: center;
justify-content: space-between;
width: 140px;
height: 40px;
color: #333;
margin-top: 18px;
transition: all 0.3s; }
.news1 .list .item .more i {
display: block;
width: 15px;
height: 9px;
background-image: url(../_im_g/17.png);
background-size: 100%; }
.news1 .list .item:hover {
box-shadow: 0 15px 20px #ccc; }
.news1 .list .item:hover .tops .title {
color: #3571b0; }
.news1 .list .item:hover .more {
background-color: #3571b0;
padding: 0 20px;
color: #fff; }
.news1 .list .item:hover .more i {
background-image: url(../_im_g/11.png); }

.about1 {min-width:1200px;
padding: 48px 0 60px;
width: 100%;
background-color: #eee; }
.about1 .con {
background-color: #fff;
padding: 30px;
margin-top: 35px; }
.about1 .video {
width: 100%;
height: 340px;
position: relative;
background-size: cover;
background-position: center; min-width:initial; padding:0; }
.about1 .video i {
display: block;
width: 50px;
height: 50px;
background-image: url(../_im_g/08.png);
background-size: 100%;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
cursor: pointer;
z-index: 999;
 }
.about1 .dev {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 25px;
padding-top: 20px; }
.about1 .dev .item {
width: 33.33%;
border-left: 1px solid #ddd;
display: inline-flex;
justify-content: center;
align-items: center; }
.about1 .dev .item:last-child {
border-right: 1px solid #ddd; }
.about1 .dev .tops {
width: 100%;
font-size: 36px;
color: #3571b0;
line-height: 36px; }
.about1 .dev .desc {
width: 100%;
color: #666;
margin-top: 5px; }
.about1 .content {
width: 100%;
margin-top: 30px;
font-size: 16px;
line-height: 28px;
color: #666; }

.contact {min-width:1200px;
padding: 48px 0 60px;
width: 100%;
background-color: #eee; }

.contact  .con {
margin-top: 35px; }

.contact  .addr {
width: 100%;
background-color: #fff;
display: flex;
align-items: stretch; }
.contact  .addr .left {
width: 470px;
padding: 50px 30px; }
.contact  .addr .left .name .cn {
font-size: 22px;
font-weight: bold;
margin-bottom: 6px;
line-height: 22px; }
.contact .addr .left .name .en {
font-size: 12px;
color: #999;
text-transform: uppercase; }
.contact .addr .left .name i {
display: block;
width: 100%;
height: 1px;
background-color: #f2f2f2;
position: relative;
margin-top: 20px; }
.contact .addr .left .name i::after {
content: "";
display: block;
width: 90px;
height: 2px;
background-color: #3571b0;
position: absolute;
bottom: 0;
left: 0; }
.contact .addr .left .line {
width: 100%;
margin-top: 30px; }
.contact .addr .left .line .label {
width: 100%; }
.contact .addr .left .line .desc {
width: 100%;
color: #666; }
.contact .addr .left .line .desc.tel {
color: #3571b0;
font-size: 18px; }
.contact .addr #allmap {
width: 730px;
height: 410px; }

.contact .tels {
width: 100%;
margin-top: 10px;
background-color: #fff;
overflow: hidden; }
.contact .tels .item {
width: 33.33%;
float: left;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 25px 30px; }
.contact .tels .item .title {
font-size: 22px;
line-height: 22px;
font-weight: 600; }
.contact .tels .item .desc {
color: #666;
margin-top: 14px; }

.prod_detail {min-width:1200px;
width: 100%;
background-color: #eee; }

.prod_detail .thumb {
width: 100%; }
.prod_detail .thumb .view {
width: 600px;
height: 365px;
float: left; }
.prod_detail .thumb .view img {
width: 100%;
height: 100%; }
.prod_detail .thumb .right {
width: 600px;
height: 365px;
float: right;
position: relative; }
.prod_detail .thumb .right .swiper {
width: 100%;
height: 132px;
position: absolute;
bottom: 0;
right: 0;
padding-left: 35px;
display: flex;
justify-content: space-between; }
.prod_detail .thumb .right .swiper .btn {
display: block;
flex-shrink: 0;
width: 34px;
height: 132px;
background-color: #e6e6e6;
background-size: 14px 28px;
background-position: center;
background-repeat: no-repeat;
transition: all 0.3s; }
.prod_detail .thumb .right .swiper .btn.prev {
background: url(../_im_g/18.png) center no-repeat #e6e6e6; }
.prod_detail .thumb .right .swiper .btn.next {
background: url(../_im_g/19.png) center no-repeat #e6e6e6; }
.prod_detail .thumb .right .swiper .prev:hover {
background: url(../_im_g/18.png) center no-repeat #3571b0; }
.prod_detail .thumb .right .swiper .next:hover {
background: url(../_im_g/19.png) center no-repeat #3571b0; }
.prod_detail .thumb .right .swiper .swiper-container {
width: 100%;
margin: 0 20px; }
.prod_detail .thumb .right .swiper .swiper-container img {
cursor: pointer; }
.prod_detail .thumb .right .info {
width: 100%;
height: 220px;
position: absolute;
bottom: 145px;
right: 0;
padding-left: 35px;
overflow-y: auto; }
.prod_detail .thumb .right .info .title {
font-size: 30px;
font-weight: bold; }
.prod_detail .thumb .right .info .desc {
color: #666;
margin-top: 10px; }

.prod_detail .con {
width: 100%;
margin-top: 30px;
padding-bottom: 30px; }
.prod_detail .con .item {
width: 100%; }
.prod_detail .con .item .tops {
width: 100%;
height: 60px;
line-height: 60px;
padding: 0 30px;
font-size: 20px;
background-color: #e6e6e6;
font-weight: bold;}
.prod_detail .con .item .bots {
width: 100%;
background-color: #fff; }
.prod_detail .con .item .bots table td {
padding: 0 10px;
height: 30px;
font-size: 15px;
color: #343434;}
.prod_detail .con .item .bots .content {
padding: 30px;
color: #343434;
font-size: 15px;}
.prod_detail .con .item .bots .content img {
max-width: 100%; }

.prod_detail .prev-next {
width: 100%; background:#fff;
    padding:30px;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center; }
.prod_detail .prev-next .left { float:left; width:980px; }
.prod_detail .prev-next .left .line {
color: #999;
margin: 4px 0; }
.prod_detail .prev-next .left .line a {
color: #333; }
.prod_detail .prev-next .back {
display: block; float:right;
width: 120px;
height: 40px;
background-color: #3571b0;
line-height: 40px;
text-align: center;
color: #fff;
margin-top: 20px; }


.sitemap{ width:100%;overflow:hidden;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#3571b0;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}